<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>


  <div id="app">

    <div v-if="gender === 1">男</div>
    <div v-else>女</div>


    <div v-if="score>=90">优秀:macbook pro一台</div>
    <!-- <90  & >= 70 -->
    <div v-else-if="score>=70">还行:ipad mini</div>
    <div v-else-if="score >= 60">凑合:我不惩罚你,因为我善</div>
    <div v-else>滚粗去</div>

  </div>

  <script src="./vue2.6.12.js"></script>

  <script>

    var app = new Vue({
      el:'#app',
      data:{
         // 1 男  0 女
        gender:0, 
        score:40
      },
      methods:{
        
      }
    })

    

  </script>
</body>
</html>